<template>
  <div>
    <!-- 面包屑导航区 -->
    <el-breadcrumb separator-class="el-icon-arrow-right">
        <el-breadcrumb-item :to="{ path: '/SPLogin' }">homepage</el-breadcrumb-item>
        <el-breadcrumb-item>Delete</el-breadcrumb-item>
    </el-breadcrumb>

    <!-- 卡片视图区域 -->
    <el-card>
       madarain-Super Admine
    </el-card>
     <el-table
      :data="tableData"
      style="width: 100%">
      <el-table-column
        prop="username"
        label="Username"
        width="100">
      </el-table-column>
      <el-table-column
        prop="password"
        label="Password"
        width="100">
      </el-table-column>
      <el-table-column
        prop="id"
        label="ID"
        width="100">
      </el-table-column>
      <el-table-column
        prop="telephone"
        label="Telephone"
        width="100">
      </el-table-column>
      <el-table-column
        prop="emain"
        label="Emain">
      </el-table-column>
    </el-table>
    <!-- 输入ID区域 -->
    <el-input placeholder="Input the ID that you will delete" v-model="input"></el-input>
    <!-- 按钮区域 -->
    <el-button type="text">Click_here to Delete</el-button>
        </div>
    </template>

    <script>
        export default {
      data() {
        return {
          tableData: [{
            username: 'dudu',
            password: '123',
            id: '170501',
            telephone: '10086',
            emain: '1290'
          }, {
            username: 'JayChou',
            password: '456',
            id: '170502',
            telephone: '10087',
            emain: '1291'
          }, {
            username: 'Edison',
            password: '789',
            id: '170502',
            telephone: '10088',
            emain: '1292'
          }, {
            username: 'James',
            password: '888',
            id: '17053',
            telephone: '10089',
            emain: '1293'
          }]
        }
      }
    }
    </script>
<style lang="less" scoped>

    .el-breadcrumb{
     font-size: 20px;
}
    .el-card{
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15)!important;
    }
    .el-button{
        font-size: 20px;
    }
</style>